<template>
  <a-descriptions title="糖尿病并发症" bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="糖尿病肾病" :span="2" bordered v-if="report.nephropathyText !== null">
      <p>确诊情况： {{ report.nephropathyText }}</p>
      <p>确诊日期： {{ report.nephropathyDate }}</p>
      <p v-html="report.nephropathyData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病视网膜病变" :span="2" bordered v-if="report.retinopathyText !== null">
      <p>确诊情况：{{ report.retinopathyText }}</p>
      <p>确诊日期： {{ report.retinopathyDate }}</p>
      <p v-html="report.retinopathyData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病周围神经病变" :span="2" bordered v-if="report.peripheralText !== null">
      <p>确诊情况：{{ report.peripheralText }}</p>
      <p>确诊日期： {{ report.peripheralDate }}</p>
      <p v-html="report.peripheralData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="心血管自主神经病变" :span="2" bordered v-if="report.cardiovascularText !== null">
      <p>确诊情况：{{ report.cardiovascularText }}</p>
      <p>确诊日期： {{ report.cardiovascularDate }}</p>
      <p v-html="report.cardiovascularData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="消化系统自主神经病变" :span="2" bordered v-if="report.digestiveText !== null">
      <p>确诊情况：{{ report.digestiveText }}</p>
      <p>确诊日期： {{ report.digestiveDate }}</p>
      <p v-html="report.digestiveData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="泌尿生殖系统自主神经病变" :span="2" bordered v-if="report.genitourinaryText !== null">
      <p>确诊情况：{{ report.genitourinaryText }}</p>
      <p>确诊日期： {{ report.genitourinaryDate }}</p>
      <p v-html="report.genitourinaryData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="其他自主神经病变" :span="2" bordered v-if="report.otherneuropathyText !== null">
      <p>确诊情况：{{ report.otherneuropathyText }}</p>

      <p>其他自主神经病变名称：{{ report.otherneuropathyName }}</p>
      <p>确诊日期： {{ report.otherneuropathyDate }}</p>
      <p>其他自主神经病变检查项目：{{ report.otherneuropathyItem }}</p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病下肢血管病变" :span="2" bordered v-if="report.extremityText !== null">
      <p>确诊情况：{{ report.extremityText }}</p>
      <p>确诊日期： {{ report.extremityDate }}</p>
      <p v-html="report.extremityData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病足" :span="2" bordered v-if="report.dfootText !== null">
      <p>确诊情况：{{ report.dfootText }}</p>
      <p>确诊日期： {{ report.dfootDate }}</p>
      <p v-html="report.dfootData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="酮症酸中毒" :span="2" bordered v-if="report.dkaText !== null">
      <p>确诊情况：{{ report.dkaText }}</p>
      <p>确诊日期： {{ report.dkaDate }}</p>
      <p v-html="report.dkaData"></p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病高渗综合症" :span="2" bordered v-if="report.hhsText !== null">
      <p>确诊情况：{{ report.hhsText }}</p>
      <p>确诊日期： {{ report.hhsDate }}</p>
      <p>随机血糖：{{ report.hhsRandomSugar }}</p>
      <p>电解质Na：{{ report.hhsNa }}</p>
      <p>电解质K：{{ report.hhsK }}</p>
      <p>血浆渗透压：{{ report.hhsOpp }}</p>
    </a-descriptions-item>
  </a-descriptions>
</template>

<script>
export default {
  name: 'Complication',
  props: ['report'],
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
/deep/ .ant-descriptions-item-label {
  width: 25% !important;
}
/deep/ .ant-descriptions-item-content {
  width: 75% !important;
}
</style>

